<template>
    <div class='header'>
      <div class="menu">
        <i class="iconfont icon">&#xe606;</i>
      </div>
      <div class="title">百通世纪</div>
      <div class="head-pic">
        <i class="iconfont icon">&#xe60c;</i>
      </div>
    </div>
</template>
<script>
    export default {
        name: 'hello',
        data() {
            return {
                count: '',
            }
        },
        created() {

        },
        mounted() {

        },
        methods: {}
    }
</script>
<style scoped>

    .header{
      width: 100%;
      height: 1rem;
      background: #39f;
      position: fixed;
      z-index: 999;
      top:0;
      left: 0;
      color: white;
      line-height: 1rem;
      display: flex;
    }
    .title{
      flex: 1;
      text-align: center;
      font-size: 0.36rem;
    }
    .menu{
      float: left;
      margin-left: 0.22rem;
      width: .5rem;
      height: .4rem;
      font-size: 16px;
    }
    .head-pic{
      margin-right: 0.22rem;
      float: right;
      font-size: 20px;
    }
  .icon{
    font-size: 25px;
  }


</style>
